*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  a{
    text-decoration: none;
  }
  ul{
    list-style: none;
  }
  .clearfix::after {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
  }
  input {
    border: none;
    outline: none;
  }
  body{
      font-size: 16px;
  }
//   头部样式
  header{
    width: 100%;
    background-color: #f4483e;
    height: .5rem;
    display: flex;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    .return{
       width: .5rem;
       justify-content: center;
       align-items: center;
       font-size: 22px;
        div{
            width: 0.2rem;
            height: 0.2rem;
            transform: rotate(-45deg);
            border-top: 2px solid #fddddb;
            border-left: 2px solid #fddddb;
            margin: .15rem auto;
        }
        //   img{
        //       margin: 10px auto;
        //       width: .30rem;
        //       height: .30rem;
        //       color: #fff;
        //       margin-left: 20px;
        //   }
    }
    .header-title{
      flex: 1;
      font-size: .28rem;
      text-align: center;
      line-height: .5rem ;
      color: #fff;
  }
  .download{
      width: .5rem;
      img{
          width: .4rem;
          height: .4rem;
          margin: 10% auto;
          display: block;
   }
  }
}
.title{
    margin-top:.5rem;
    // height: 100%;
    p{
        text-align: center;
        padding-top: .1rem;
        padding-bottom:.1rem;
        height: 100%;
    }
}
.food{
   ul{
       li{
        //   height: 1.5rem;
          width: 100%;
        //   border: 1px solid #e7e7e7; 
          padding: .1rem;
          a{
              img{
                  width: 20%;
                  height: 1.2rem;
                  float: left;
              }
              .cp-text{
                  width: 60%;
                  float: left;
                  margin-left: .3rem;
                  .cpName{
                      color: #333333;
                  }
                  .cpPrice{
                      color: #5a5a9d;
                  }
                  .cpTime{
                      color: #ee7700;
                      padding-top: .1rem;
                  }
              }
            //   .cp-right{
            //       width: 10%;
            //       float: right;
            //       height: 100%;
            //     //   margin-top: .2rem;
            //       img{
            //           width: .3rem;
            //           height: .3rem;
            //           top: .3ren;
            //           right: .3rem;
            //           display:block;
            //           position: fixed;
            //       }
            //   }
          }
       }
   }
}
